/*!
 * =====================================================
 * fita Mobile 
 * =========================
 * mylan93@163.com
 * =====================================================
 */

/* ! Style Check List
 * =====================================================
 * Utility
 * =========================
 * Common
 * =========================
 * Fita Header Bar 
 * =========================
 * Page
 * =====================================================
 */

 /**
 * =========================
 * Utility
 * =========================
 **/
 .logo {
   display: block;
   height: 3rem;
 }

 .custom-icon {
   display: inline-block;
   margin-top: .35rem;
   margin-right: .5rem;
   height: 1.5rem;
   vertical-align: middle;
 }

 .img-style {
   display: block;
   width: 100%;
 }

 .fita-icon-menu {
  margin-top: .35rem;
  padding: .5rem !important;
 }

 .fita-icon-menu::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../image/menu-icon.png) no-repeat;
  background-size: contain;
 }
 /**
 * =========================
 * Common
 * =========================
 **/
 .bg-light-gray {
  background: #f5f5f5;
 }

 .bg-white {
   background: #fff;
 }

 .no-margin {
   margin: 0;
 }

 .no-padding {
   padding: 0;
 }

 .light-blue {
   color: rgba(32, 124, 230, .8)
 }
/**
 * =========================
 * Fita Header Bar 
 * =========================
 **/
 .fita-header-bar {
   height: 3rem;
   background: #fff;
 }

 .fita-header-bar .title {
   height: 3rem;
   line-height: 3rem;
 }

 .fita-header-bar~.content {
   top: 3rem;
 }

 /**
 * =========================
 * Fita swiper 
 * =========================
 **/
 .swiper-pagination-bullet-active {
  background: #8a640f;
 }

 .swiper-container-horizontal > .swiper-pagination {
   bottom: 0;
 }

 .swiper-button-next, 
 .swiper-button-prev {
  margin-top: -5px;
  width: 15px;
  height: 20px;
 }

 .swiper-button-prev,
 .swiper-button-next {
  background-image: none;
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
}
/**
 * =========================
 * Fita Menu 
 * =========================
 **/
 .menu-wrap {
   position: absolute;
   right: .25rem;
   top: 3.5rem;
   
 }

 .menu-wrap .menu {
   width: 7rem;
   position: relative;
 }

 .menu-wrap ul {
   display: none;
   list-style: none;
   padding-left: 0;
   margin: 0;
   padding: .25rem  0;
   text-align: center;
   background: #f5f5f5;
 }

 .menu-wrap ul,
 .menu-wrap ul li:first-child {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem;
 }

 .menu-wrap ul,
 .menu-wrap ul li:last-child {
   border-bottom-left-radius: .25rem;
   border-bottom-right-radius: .25rem;
 }

 .menu-wrap ul .item,
 .menu-wrap ul .item:active {
   position: relative;
   display: block;
   margin: 0 .5rem;
   height: 1.8rem;
   line-height: 1.8rem;
   color: #161616;
   font-size: .7rem;
   font-weight: bold;
   border-bottom: 1px solid #9f9e9e;
   text-decoration: none;
   cursor: pointer;
 }

 .menu-wrap ul li:last-child .item {
   border-bottom: none;
 }

 .menu-wrap > .menu > li {
   position: relative;
 }

 .menu-wrap .submenu {
   position: absolute;
   top: 0;
   left: -8.5rem;
   width: 8rem;
 }

 .menu-wrap .menu::before,
 .menu-wrap .submenu::before {
  position: absolute;
  content: "";
 }

 .menu-wrap .menu::before {
   top: -.5rem;
   right:  .25rem;
   border-bottom: .5rem solid #f5f5f5;
   border-left: .5rem solid transparent;
   border-right: .5rem solid transparent;
 }

 .menu-wrap .submenu::before {
   right: -.5rem;
   top: .75rem;
   border-top: .5rem solid transparent;
   border-left: .5rem solid #f5f5f5;
   border-bottom: .5rem solid transparent;
 }


 /**
 * =========================
 * Index Page 
 * =========================
 **/
 .setion-banner {
   position: relative;
 }

 .setion-banner .text {
   position: absolute;
   left: 1.5rem;
   top: 2.2rem;
   font-size: .75rem;
   color: #fefefe;
 }

 .fita-block-title {
   padding: 0 .25rem;
   margin: 1rem auto;
   text-align: center;
   font-size: .7rem;
   color: #8a640f;
 }

 .fita-block-title h4 {
   font-size: .9rem;
   margin: 0 auto .25rem;
 }

 .fita-block-title h4 span {
   position: relative;
   display: inline-block;
   padding: 0 .25rem;
 }

 .fita-block-title h4 span::before,
 .fita-block-title h4 span::after {
   content: "";
   position: absolute;
   top: 50%;
   width: 2.25rem;
   height: 2px;
   background: #8a640f;
 }

 .fita-block-title h4 span::before {
    left: -2.25rem;
 }

 .fita-block-title h4 span::after {
   right: -2.25rem;
 }

 .fita-block-title .subtitle {
   margin-top: .25rem;
   color: rgba(138, 100, 15, .8)
 }

 .contact-setion {
   margin-top:  1.5rem;
   position: relative;
   background: url(http://qiniu.prod.fita-club.com/mobile/contact-bg.jpg) no-repeat;
   background-size: cover;
 }

 .contact-setion .contact-box {
   padding: .5rem 1rem;
 }

 .contact-setion .form{
   font-size: .6rem;
   color: #000000;
 }

 .contact-setion .form input,
 .contact-setion .form textarea {
   margin-bottom: .25rem;
   width: 100%;
   border-radius: .2rem;
   color: #000000;
   border-color: transparent;
   background: rgba(255,255,255,.8);
 }

 .contact-setion .form input {
   padding: .2rem .1rem;
 }

 .contact-setion .info-layout input {
   border-radius: 0;
   border-left: 1px solid #999;
 }

 .contact-setion .info-layout input:first-child{
   border-left: none;
   border-top-left-radius: .2rem;
   border-bottom-left-radius: .2rem;
 }

 .contact-setion .info-layout input:last-child {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}

 .contact-setion input::-webkit-input-placeholder,
 .contact-setion textarea::-webkit-input-placeholder {
   color: #999;
 }

 .contact-setion .submit-btn {
   line-height: 1.2rem;
   height: 1.4rem;
   width: 5rem;
   font-size: .8rem;
   color: #63c6c2;
   border-radius: 1.4rem;
   border-color: transparent;
   background: #fff;
 }

 .footer-copyright {
   text-align: center;
   height: 3rem;
   line-height: 3rem;
   font-size: .85rem;
   color: #161616;
 }

 .index-page .product-cover-wrap .brand-text {
   margin-top: .5rem;
   font-size: .8rem;
   color: #161616;
 }
/**
 * =========================
 * Alamo Page 
 * =========================
 **/
 .alamo-banner-text {
   position: absolute;
   top: 3rem;
   left: 1rem;
   padding: .5rem .75rem;
   color:#fff;
   background: url(../image/alamo-banner-text-bg.png) no-repeat left;
   background-size: 100% 100%;
 }

 .alamo-appointment {
   padding: .5rem;
   background: #fff;
 }

 .fita-button,
 .fita-button:active,
 .fita-button:focus {
   margin: .75rem auto .25rem;
   width: 6rem;
   line-height: 2rem;
   height: 2rem;
   color: #fff;
   font-size: .85rem;
   border-radius: .25rem;
   border-color: #8a640f;
   background: #8a640f;
 }

 .brand-wrap {
   background: #fff;
 }

 .brand-wrap .swiper-container {
   margin-top: 1.5rem;
 }

 .brand-wrap .brand-text {
   font-size: .65rem;
   color: #151515;
 }

 .product-cover-wrap {
   padding: .5rem;
   background: #fff;
 }

 .product-cover-wrap .cover-box {
   position: relative;
   width: 100%;
   /* height: 11.05rem; */
   overflow: hidden;
 }

 .product-cover-wrap .cover-box .circle {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 4rem;
   height: 4rem;
   line-height: 1.2;
   margin-top: -2rem;
   margin-left: -2rem;
   font-size: 1rem;
   color: #161616;
   display: flex;
   text-align: center;
   justify-content:center;
   align-items:Center; 
   border-radius: 100%;
   background: rgba(255,255,255,.85);
 }

 .product-cover-wrap .cover-box img {
   /* height: 100%; */
   width: 100%;
 }

 .product-cover-wrap .description .subtitle,
 .hot-line-page .description .subheading {
   margin: .5rem 0;
   font-size: .8rem;
   text-align: center;
 }

 .hot-line-page .description .subheading {
   font-weight: bold;
   text-align: left;
 }

 .product-cover-wrap .description .text {
   /* min-height: 3rem; */
   font-size: .6rem;
   color: rgba(22, 22, 22, .8);
   text-align: center;
 }

 .about-page .info {
   margin: .0 1.25rem .5rem;
   color: rgba(22, 22, 22, .8);
   font-size: .6rem;
   text-align: center;
 }

 .map-wrap {
   padding: .5rem 0;
   background: #fff;
 }

 .map-wrap .item {
   margin: .75rem 0;
   padding: 0 .5rem;
   color: rgba(22, 22, 22, .8);
   font-size: .6rem;
 }

 .map-wrap .item .name {
   margin: .25rem 0;
   font-size: .75rem;
   color: rgba(22, 22, 22, 1);
 }

 .map-wrap .item a {
  color: rgba(22, 22, 22, .8);
  text-decoration: none;
 }

 .dfw-page .setion-banner .text {
   color: rgb(47, 47, 47);
 }

 .info-box {
   padding: .5rem;
   background: #fff;
 }

 .info-table {
   width: 100%;
   font-size: .6rem;
   font-weight: bold;
   border: 1px solid #e2dab1;
 }

 .info-table .label {
   width: 3.5rem;
   background: #f6f6f6;
 }

 .info-table tr td {
   padding: .2rem .25rem;
   border: 1px solid #e2dab1;
 }

 .ticket-search {
   overflow: hidden;
   margin-top: 1.25rem;
   position: relative;
 }

 .ticket-search .text {
   position: absolute;
   left: 0;
   right: 0;
   top: 1.25rem;
   text-align: center;
   color: #fff;
 }

 .ticket-search .subtitle {
   margin: 0 0 1rem;
   font-size: .8rem;
 }

 .ticket-search .search-button,
 .ticket-search .search-button:active,
 .ticket-search .search-button:focus {
   display: inline-block;
   padding: 0 .5rem;
   color: #fff;
   font-size: .75rem;
   border-radius: 0;
   border-color: transparent;
   background: #5b402d;
 }

 .ticket-search img {
   margin-bottom: .25rem;
   height: 6rem;
   width: auto;
 }

 .american-page .product-cover-wrap .text {
   height: auto;
   min-height: auto;
 }

 .american-page .product-cover-wrap .subtitle {
   margin-bottom: .2rem;
 }

.guide-wrap .item  img {
  display: block;
  width: 3.5rem;
  margin: 0 auto;
 }

.alamo-page .car-swiper .subtitle {
  margin-top: 0 !important;
  margin-bottom: .25rem !important;
}

.alamo-page .car-swiper .text {
   height: auto !important;
 }

.hot-line-page .hot-swiper .description {
  font-size: .65rem;
}

.hot-line-page .hot-swiper .description .routing {
  font-size: .6rem;
}

.disney-page .description .subtitle,
.holland-page .description .subtitle,
.seabourn-page .description .subtitle {
  margin-top: .75rem;
  margin-bottom: .25rem;
}

.disney-page .description .subtitle span,
.holland-page .description .subtitle span,
.seabourn-page .description .subtitle span {
  display: block;
  font-size: .65rem;
}

.disney-page .description .text,
.holland-page .description .text,
.seabourn-page .description .text {
  height: auto;
  min-height: auto;
}

.disney-page .description .text p {
  margin: .5rem 0;
}

.iberia-page .region-swiper .subtitle {
  margin: .75rem 0 .25rem;
}

.iberia-page .region-swiper .text,
.holland-page .description .text {
  min-height: auto;
  height: auto;
}

.iberia-page .region-swiper .text p {
  margin: .25rem 0;
}

.qrcode {
  display: none;
  width: 4rem;
  position: absolute;
  top: 50%;
  right: -3rem;
  margin-top: 0;
}
